<template>
  <div>
    <el-card>
      <!-- header -->
      <el-row type="flex" justify="space-between">
        <el-col :span="21">
          <el-form :inline="true">
        <el-form-item size="mini" label="关键字" style="margin-top:7px">
          <el-input placeholder="根据文章标题搜索"></el-input>
        </el-form-item>
        <el-form-item size="mini" label="状态" style="margin-top:7px">
          <el-select value="" placeholder="请选择">
            <el-option value="item1" name="item1"> </el-option>
            <el-option value="item2" name="item2"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <template>              
            <el-button size="mini" >清除</el-button>
            <el-button size="mini" type="primary">搜索</el-button></el-button>
          </template>
        </el-form-item>
      </el-form>
        </el-col>
        <el-col :span="3">
          <el-button type="success" size="mini" icon="el-icon-edit">新增技巧</el-button>
        </el-col>
      </el-row>

      <!-- 警示框 -->
      <el-alert
        title="数据共11条"
        :closable='false'
        show-icon
        type="info">
      </el-alert>

      <!-- 表格 -->
      <el-table style="width: 100%;margin-top:20px">
        <el-table-column align="center" label="序号" type="index">
        </el-table-column>
        <el-table-column label="文章标题" width="width">
        </el-table-column>
        <el-table-column align="center" label="阅读数">
        </el-table-column>
        <el-table-column align="center" label="录入人">
        </el-table-column>
        <el-table-column align="center" label="录入时间">
        </el-table-column>
        <el-table-column align="center" label="状态">
        </el-table-column>
        <el-table-column align="center" label="操作">
          <template>              
            <el-button type="text">预览</el-button>
            <el-button type="text">禁用</el-button>
            <el-button type="text">修改</el-button>
            <el-button type="text">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "",
};
</script>

<style>
</style>